Основы работы с библиотекой ReactJS

Компонентный подход к разработке приложения с использованием JavaScript.

Сайт Reactjs.org. Все очень просто — из JavaScript приложения — делаем React приложение. Создание полноценного React компонента. Использование Babel компилятора. Анатомия приложения и пользовательского компонента.

• JSX - это препроцессор, который добавляет синтаксис XML к JavaScript. Выражения в JSX. Определение тегов и их атрибутов в JSX, дочерних элементов, невозможность встраивания кода в JSX элемент (атака инъекций). Babel и преобразование эдементов к JS объектам. Встраивание JS в JSX компоненты, аттрибут key — уникально определяет объект JSX. Реализация методов в JSX объектах. Функция React.createElement -замена html на JS.

Метод bind. Определение логики на уровне приложения.

• JSX — как синтаксический сахар, тип React компонента и область видимости, правила именования, свойства props в JSX, spred атрибут (...) , проверка типов с PropTypes

когда использовать ссылки ref, доступ к ссылкам, добавление ссылки ref на DOM-элемент, ссылки ref и функциональные компоненты, не контролируемый компонент DOM на основе тега input типа file